草庐IT

Bootstrap4 导航

全部标签

javascript - jQuery 验证不适用于 Bootstrap 3 选项卡式表单

我看过这个question/answer,还有更多类似的东西,但我仍然无法通过表单验证来切换选项卡或移动到出现错误的选项卡。相关jQuery:$(document).ready(function(){$("form[name=modify]").validate({ignore:[],rules:{first_name:{required:true,},surname:{required:true},id_number:{required:true},mobile_number:{number:true,minlength:10,},home_number:{number:true,m

javascript - 如何从 react-bootstrap 复选框获取值/属性?

我正在尝试使用react-bootstrap复选框(https://react-bootstrap.github.io/components.html#forms-controls),我需要在它改变状态时触发一个事件。能够以编程方式取消/检查它和/或判断它是否被检查也很棒。不幸的是,当代码被转译和呈现时,它会将输入包装在一个div中。如何在dom中找到它并对其进行操作?我的代码看起来类似于:importReact,{PropTypes}from'react';import{Checkbox}from'react-bootstrap';constEditItem=(props)=>{re

javascript - Bootstrap shown.bs.tab 事件不工作

我正在使用Flexytemplate(使用Bootstrap)并且我无法在选项卡上运行shown.bs.tab事件。我已经设法让它在JSFiddle上工作了.这是我在我的模板中使用的代码,没有产生任何结果:Tab1Tab2Tab1ContentTabe2Content$(function(){$('a[data-toggle="tab"]').on('shown.bs.tab',function(e){alert(e.target.href);})});我能错过什么?如果我将此代码复制/粘贴到Flexy代码上,则它不起作用。了解错误的步骤是什么?谢谢! 最佳

javascript - Angular-ui-bootstrap Accordion 和折叠动画不起作用

关于angular-ui-bootstrapdemo/docspage,accordion和collapse单击某个元素时,指令都会动画化。但是动画在该页面上的plunker演示中不起作用。是否缺少某些依赖项或者可能是错误?(在chrome/firefox中测试)更新:我在2015年10月29日更新到0.14.3版,现在一切正常。感谢angularUI团队的辛勤工作! 最佳答案 从0.13版开始,您需要在您的应用程序中包含ngAnimate:bowerinstallangular-animate--save添加对index.html

javascript - Jquery draggable with bootstrap modal, scroller 奇怪的行为

我正在尝试使用具有jquery-ui可拖动功能的Bootstrap模式弹出窗口。我这样使用它://Bootstrapmodal$(element).modal({keyboard:false,show:value});//Jquerydraggable$(element).draggable({handle:".modal-header"});但是当我尝试拖动弹出窗口时,右滚动条正在与弹出窗口一起拖动。感谢任何预付款。 最佳答案 我认为你应该在.modal-dialog类上应用draggable,参见:×CloseMod

jquery - Pikachoose/Fancybox 集成 - 灯箱上的导航箭头

我正在使用Fancybox与Pikachoose的集成,如下所述:http://www.pikachoose.com/how-to-fancybox/我试图让灯箱显示下一个和上一个箭头,但不显示在pikachoose阶段,我遇到了一些麻烦。我试图在脚本的fancybox部分添加showNavArrows:true的选项,但它不起作用。然后我尝试了pikachoose上的导航选项,使用this:{text:{previous:"Previous",next:"Next"}}但我不断收到错误消息,可能是我的语法不在正确的位置?有人可以帮忙吗?这是我正在使用的代码:$(document).r

javascript - 如何动态调整 bootstrap-wysihtml5 的大小

我们正在使用bootstrap-wysihtml5来允许用户输入注释。我需要允许用户在需要输入大量内容时扩展编辑区域,最好为他们提供全屏选项。(TinyMCE内置)我找不到该选项,也不知道如何或在何处对其进行编码。感谢您的帮助。 最佳答案 越过thedocs我找不到任何通用的调整大小选项。你可以试试jQueryUIresize.还有thissmallerscript稍作调整即可解决您的问题。 关于javascript-如何动态调整bootstrap-wysihtml5的大小,我们在Sta

javascript - 轻扫打开抽屉导航(Material Design Lite)

我正在使用MaterialDesignLite为WebView中的应用程序创建UI,但是我遇到了无法在滑动时部署抽屉导航的问题。我正在使用这个jquery代码来识别滑动事件$(function(){$("#test").swipe({//GenericswipehandlerforalldirectionsswipeRight:function(event,direction,distance,duration,fingerCount){$(this).text("EventTriggered");},});});从这里我不确定如何打开抽屉导航。我更愿意让整个屏幕“可滑动”,尤其是左边

javascript - bootstrap 3 模态,焦点输入字段不适用于 firefox

我正在使用来自bootstrap3的模式,它包含在输入字段中这个模态是在页面加载时使用jquery代码启动的(不是通过单击按钮)$().ready(function(){$('#OTPModal').modal('show');});一旦显示模态,我就会通过这段代码使输入成为焦点$('#OTPModal').on('shown.bs.modal',function(){$('#OTPField').focus();});此代码在googlechrome中运行良好,但在firefox中却不行!用chrome和firefox检查jsFiddle看看有什么不同https://jsfiddle

javascript - 几次点击后 Bootstrap 模式停止

我链接到一个Bootstrap模式,如下所示;然而,在一轮打开/关闭之后,模态停止响应点击。我尝试用bootstrap文档中的示例替换代码并且它有效。我不确定从哪里开始调试。 最佳答案 您没有正确关闭模式。您需要更改:×到:× 关于javascript-几次点击后Bootstrap模式停止,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/32467795/